<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>Ter WebSite</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style.css" />
		 <script type="text/javascript"
			src="http://maps.google.com/maps/api/js?sensor=false">
			</script>
			
			
		 <?php
					$connect = "host=localhost port=5432 dbname=pimc_project user=pimcweb password=;moby4;"; //parametre de connection
					$ressource_connect = pg_connect( $connect ); //pour se connecter

					$req = "SELECT * from hydrophone;";

					$req = pg_query( $ressource_connect , $req );

					while ( $info = pg_fetch_array ( $req )  ) //on met la requete sous forme de tableau
					{

					echo $info['positionx'];
					echo "	";
					echo $info['positiony'];
					echo "	";
					echo $info['positionz'];
					echo "<br/>";
					}
				?>	
			
		<script type="text/javascript">
		  function initialize() {
		  	var x = 24.722636;
		  	var y = -77.736969;
			var mylatlng = new google.maps.LatLng(x,y);
			
			var hydro1latlng = new google.maps.LatLng(x+9.49438*0.00917,y+18.50134*0.00917);
			var hydro2latlng = new google.maps.LatLng(x+4.24437*0.00917,y+10.44748*0.00917);
			var hydro3latlng = new google.maps.LatLng(x+3.03443*0.00917,y+14.11988*0.00917);
			var hydro4latlng = new google.maps.LatLng(x+6.29409*0.00917,y+16.17948*0.00917);
			var hydro5latlng = new google.maps.LatLng(x+7.47171*0.00917,y+12.55748*0.00917);
			var hydro6latlng = new google.maps.LatLng(x+1.97528*0.00917,y+17.69159*0.00917);
			var hydro7latlng = new google.maps.LatLng(x-14.95363*0.00917,y+10.65804*0.00917);
			var hydro8latlng = new google.maps.LatLng(x-11.89712*0.00917,y+12.78899*0.00917);
			var hydro9latlng = new google.maps.LatLng(x-16.18918*0.00917,y+14.31886*0.00917);
			var hydro10latlng = new google.maps.LatLng(x-18.06435*0.00917,y+8.67259*0.00917);
			var hydro11latlng = new google.maps.LatLng(x-19.23887*0.00917,y+12.00750*0.00917);
			
			var myOptions = {
			  zoom: 7,
			  center: mylatlng,
			  panControl: false,
			  zoomControl: false,
			  scaleControl: true,
			  mapTypeId: google.maps.MapTypeId.SATELLITE
			};
			var map = new google.maps.Map(document.getElementById("map_canvas"),
				myOptions);
			
			
			 var hydro1 = new google.maps.Marker({
			  position: hydro1latlng, 
			  map: map, 
			 });
			 
			 var hydro2 = new google.maps.Marker({
			  position: hydro2latlng, 
			  map: map, 
			 });
  
  			var hydro3 = new google.maps.Marker({
			  position: hydro3latlng, 
			  map: map, 
			 });
			 
			 var hydro4 = new google.maps.Marker({
			  position: hydro4latlng, 
			  map: map, 
			 });
			 
			 var hydro5 = new google.maps.Marker({
			  position: hydro5latlng, 
			  map: map, 
			 });
			 
			 var hydro6 = new google.maps.Marker({
			  position: hydro6latlng, 
			  map: map, 
			 });
			 
			 var hydro7 = new google.maps.Marker({
			  position: hydro7latlng, 
			  map: map, 
			 });
			 
			 var hydro8 = new google.maps.Marker({
			  position: hydro8latlng, 
			  map: map, 
			 });
			 
			 var hydro9 = new google.maps.Marker({
			  position: hydro9latlng, 
			  map: map, 
			 });
			 
			 var hydro10 = new google.maps.Marker({
			  position: hydro10latlng, 
			  map: map, 
			 });
			 
			  var hydro11 = new google.maps.Marker({
			  position: hydro11latlng, 
			  map: map, 
			 });
			 
			 
			 var whalecoordinates = [
			new google.maps.LatLng((x+0.056875),(y+0.125052)),
			new google.maps.LatLng((x+0.056918),(y+0.124727)),
			new google.maps.LatLng((x+0.056940),(y+0.124608)),
			new google.maps.LatLng((x+0.056961),(y+0.124520)),
			new google.maps.LatLng((x+0.057047),(y+0.124520)),
			new google.maps.LatLng((x+0.057069),(y+0.124431)),
			new google.maps.LatLng((x+0.057026),(y+0.124253)),
			new google.maps.LatLng((x+0.057090),(y+0.124194)),
			new google.maps.LatLng((x+0.057154),(y+0.124076)),
			new google.maps.LatLng((x+0.057262),(y+0.124076)),
			new google.maps.LatLng((x+0.057412),(y+0.124106)),
			new google.maps.LatLng((x+0.057669),(y+0.124224)),
			new google.maps.LatLng((x+0.057841),(y+0.124431)),
			new google.maps.LatLng((x+0.057927),(y+0.124579)),
			new google.maps.LatLng((x+0.057927),(y+0.124638)),
			new google.maps.LatLng((x+0.058034),(y+0.124786)),
			new google.maps.LatLng((x+0.058270),(y+0.124993)),
			new google.maps.LatLng((x+0.058313),(y+0.124993)),
			new google.maps.LatLng((x+0.058420),(y+0.124993)),
			new google.maps.LatLng((x+0.058570),(y+0.124993)),
			new google.maps.LatLng((x+0.058634),(y+0.124993)),
			new google.maps.LatLng((x+0.058720),(y+0.124934)),
			new google.maps.LatLng((x+0.058742),(y+0.124579)),
			new google.maps.LatLng((x+0.058742),(y+0.124372)),
			new google.maps.LatLng((x+0.058720),(y+0.124046)),
			new google.maps.LatLng((x+0.058720),(y+0.123987)),
			new google.maps.LatLng((x+0.058656),(y+0.123751)),
			new google.maps.LatLng((x+0.058720),(y+0.123455)),
			new google.maps.LatLng((x+0.058849),(y+0.123336)),
			new google.maps.LatLng((x+0.058913),(y+0.123248)),
			new google.maps.LatLng((x+0.058935),(y+0.123218)),
			new google.maps.LatLng((x+0.059063),(y+0.123129)),
			new google.maps.LatLng((x+0.059278),(y+0.123041)),
			new google.maps.LatLng((x+0.059278),(y+0.123041)),
			new google.maps.LatLng((x+0.059364),(y+0.122952)),
			new google.maps.LatLng((x+0.059428),(y+0.122952)),
			new google.maps.LatLng((x+0.059685),(y+0.122834)),
			new google.maps.LatLng((x+0.059793),(y+0.122745)),
			new google.maps.LatLng((x+0.059793),(y+0.122538)),
			new google.maps.LatLng((x+0.059943),(y+0.122479)),
			new google.maps.LatLng((x+0.060072),(y+0.122597)),
			new google.maps.LatLng((x+0.060114),(y+0.122597)),
			new google.maps.LatLng((x+0.060307),(y+0.122538)),
			new google.maps.LatLng((x+0.060307),(y+0.122479)),
			new google.maps.LatLng((x+0.060372),(y+0.122538)),
			new google.maps.LatLng((x+0.060415),(y+0.122538)),
			new google.maps.LatLng((x+0.060501),(y+0.122420)),
			new google.maps.LatLng((x+0.060501),(y+0.122390)),
			new google.maps.LatLng((x+0.060586),(y+0.122272)),
			new google.maps.LatLng((x+0.060543),(y+0.122242)),
			new google.maps.LatLng((x+0.060586),(y+0.122124)),
			new google.maps.LatLng((x+0.060629),(y+0.121917)),
			new google.maps.LatLng((x+0.060629),(y+0.121887)),
			new google.maps.LatLng((x+0.060629),(y+0.121857)),
			new google.maps.LatLng((x+0.060629),(y+0.121650)),
			new google.maps.LatLng((x+0.060715),(y+0.121591)),
			new google.maps.LatLng((x+0.060715),(y+0.121473)),
			new google.maps.LatLng((x+0.060715),(y+0.121295)),
			new google.maps.LatLng((x+0.060629),(y+0.121266)),
			new google.maps.LatLng((x+0.060629),(y+0.121148)),
			new google.maps.LatLng((x+0.060586),(y+0.120911)),
			new google.maps.LatLng((x+0.060522),(y+0.120822)),
			new google.maps.LatLng((x+0.060522),(y+0.120822)),
			new google.maps.LatLng((x+0.060372),(y+0.120704)),
			new google.maps.LatLng((x+0.060372),(y+0.120674)),
			new google.maps.LatLng((x+0.060543),(y+0.119905)),
			new google.maps.LatLng((x+0.060372),(y+0.120349)),
			new google.maps.LatLng((x+0.060350),(y+0.120112)),
			new google.maps.LatLng((x+0.060136),(y+0.119521)),
			new google.maps.LatLng((x+0.060072),(y+0.119461)),
			new google.maps.LatLng((x+0.060072),(y+0.119373)),
			new google.maps.LatLng((x+0.059964),(y+0.119047)),
			new google.maps.LatLng((x+0.059921),(y+0.118899)),
			new google.maps.LatLng((x+0.059921),(y+0.118574)),
			new google.maps.LatLng((x+0.059921),(y+0.118515)),
			new google.maps.LatLng((x+0.059750),(y+0.118278)),
			new google.maps.LatLng((x+0.059836),(y+0.117864)),
			new google.maps.LatLng((x+0.059728),(y+0.117982)),
			new google.maps.LatLng((x+0.059707),(y+0.117953)),
			new google.maps.LatLng((x+0.059664),(y+0.117627)),
			new google.maps.LatLng((x+0.059664),(y+0.117627)),
			new google.maps.LatLng((x+0.059535),(y+0.117361)),
			new google.maps.LatLng((x+0.059514),(y+0.117332)),
			new google.maps.LatLng((x+0.059514),(y+0.117213)),
			new google.maps.LatLng((x+0.059449),(y+0.117006)),
			new google.maps.LatLng((x+0.059428),(y+0.116888)),
			new google.maps.LatLng((x+0.059471),(y+0.116651)),
			new google.maps.LatLng((x+0.059535),(y+0.116681)),
			new google.maps.LatLng((x+0.059256),(y+0.116770)),
			new google.maps.LatLng((x+0.059235),(y+0.116444)),
			new google.maps.LatLng((x+0.059278),(y+0.116208)),
			new google.maps.LatLng((x+0.059235),(y+0.116030)),
			new google.maps.LatLng((x+0.059278),(y+0.116000)),
			new google.maps.LatLng((x+0.059214),(y+0.115912)),
			new google.maps.LatLng((x+0.059171),(y+0.115853))
		  ];
		  var whale = new google.maps.Polyline({
			path: whalecoordinates,
			strokeColor: "#FF0000",
			strokeOpacity: 1.0,
			strokeWeight: 2
		  });

			
		  whale.setMap(map);
		 
		 
	  	}
    </script>
	</head>
	
	<body onload="initialize()" onunload="GUnload()">
	
		<div id="menu">
			<ul>
				<li><a href="home.html">Home</a></li>
				<li><a href="presentation.html">Presentation</a></li>
				<li><a href="project.html">Project</a></li>
				<li><a href="partner.html">Partner</a></li>
				<li><a href="contact.html">Contact</a></li>			</ul>		
		
		 </div>
		
		<div id="bodyPage">
		
			<h1>Project Bahamas</h1>
			
			
			<div id="map_canvas" style="width: 800px; height: 500px"></div>

		
		 </div>
		
		<div id="foot"> 
			 <p>
    		<a href="http://validator.w3.org/check?uri=referer"><img
        		src="http://www.w3.org/Icons/valid-xhtml10"
        		alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  			</p>
  			
  			<p>
			<a href="http://jigsaw.w3.org/css-validator/check/referer">
				<img style="border:0;width:88px;height:31px"
					src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
					alt="CSS Valide !" />
			</a>
			</p>
        

		
		</div>
	</body>
	
</html>
